<template>
	<div style="padding: 10px 10px 0px;">
			欢迎您！{{userName}}
		    <div class="sheet">
		      <div class="sheet-container">
		        <mu-table :fixedFooter="false" :selectable="false" :showCheckbox="false">
		          <mu-tbody>
		            <mu-tr>
		              <mu-td class="sheet-type">123</mu-td>
		              <mu-td class="sheet-content">123</mu-td>
		            </mu-tr>
		            <mu-tr>
		              <mu-td class="sheet-type">123</mu-td>
		              <mu-td class="sheet-content">123</mu-td>
		            </mu-tr>
		            <mu-tr>
		              <mu-td class="sheet-type">123</mu-td>
		              <mu-td class="sheet-content">123</mu-td>
		            </mu-tr>
		          </mu-tbody>
		        </mu-table>
		      </div>
		      <img src="../assets/bottom-tear.svg" class="sheet-bottom-tear">
		    </div>
		    <mu-sub-header>阳光</mu-sub-header>
  <mu-content-block>
    散落在指尖的阳光，我试着轻轻抓住光影的踪迹，它却在眉宇间投下一片淡淡的阴影。调皮的阳光掀动了四月的心帘，温暖如约的歌声渐起。似乎在诉说着，我也可以在漆黑的角落里，找到阴影背后的阳光，找到阳光与阴影奏出和谐的旋律。我要用一颗敏感赤诚的心迎接每一缕滑过指尖的阳光！
  </mu-content-block>
  <mu-sub-header>阳光</mu-sub-header>
  <mu-content-block>
    散落在指尖的阳光，我试着轻轻抓住光影的踪迹，它却在眉宇间投下一片淡淡的阴影。调皮的阳光掀动了四月的心帘，温暖如约的歌声渐起。似乎在诉说着，我也可以在漆黑的角落里，找到阴影背后的阳光，找到阳光与阴影奏出和谐的旋律。我要用一颗敏感赤诚的心迎接每一缕滑过指尖的阳光！
  </mu-content-block>
  <mu-sub-header>阳光</mu-sub-header>
  <mu-content-block>
    散落在指尖的阳光，我试着轻轻抓住光影的踪迹，它却在眉宇间投下一片淡淡的阴影。调皮的阳光掀动了四月的心帘，温暖如约的歌声渐起。似乎在诉说着，我也可以在漆黑的角落里，找到阴影背后的阳光，找到阳光与阴影奏出和谐的旋律。我要用一颗敏感赤诚的心迎接每一缕滑过指尖的阳光！
  </mu-content-block>
	</div>
</template>

<script>
export default{
	name:"personalcenter",
	data(){
		return {
			msg:"个人中心"
		}
	},
	computed:{
		userName(){
			return this.$store.state.datas.user.data.studentName
		}
	}
}
</script>

<style scoped>
.sheet{
  height: 100%;
}
.sheet .sheet-container{
  height: 300px;
  width: 100%;
  margin: 0 auto;
  border: 1px solid #d9d9d9;
  border-radius: 3px 3px 0px 0px;
  border-bottom: none;
  position: relative;
  overflow: scroll !important;
}
.sheet .sheet-bottom-tear{
  position: relative;
  top: -10px;
}
.sheet-type{
  width: 30%;
  border-right: 1px solid #d9d9d9;
}
.sheet-content{
  width: 70%;
}

</style>